<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>
    <title>用户注册</title>
    <link href="/user/css/register.css" rel="stylesheet">
</head>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
    }

    .container {
        width: 50%;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    h2 {
        text-align: center;
        color: #333;
    }

    form-group {
        text-align: center;
    }

    ul {
        list-style-type: none;
        padding: 0;
    }

    li {
        margin: 20px;
    }

    p {
        margin: 0;
    }

    button {
        display: block;
        width: 100%;
        padding: 10px;
        margin-top: 20px;
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    button:hover {
        background-color: #0056b3;
    }
</style>
<body>
<div class="container">
    <h2>注册用户</h2>
    <form id="registerUser" method="post" th:action="@{/registerUser}">
        <div class="form-group"><label for="username">用户名：</label>
            <input id="username" name="username" required type="text">
        </div>

        <div class="form-group"><label for="password">密码：</label>
            <input id="password" name="password" required type="password">
        </div>

<!--        <div class="form-group"><label for="confirm-password">确认密码：</label>-->
<!--            <input id="confirm-password" name="confirm-password" required type="password">-->
<!--        </div>-->

        <div class="form-group"><label for="email">邮箱：</label>
            <input id="email" name="email" required type="email">
        </div>

        <button type="submit">注册</button>

    </form>
    <a  th:href="@{/}"  class="navbar-logo">
        <button type="submit"> 返回</button>
    </a>
</div>

</body>

</html>